<template>
	<view class="baike">
		<!-- <view class="top" >
	  		  <view class="top-l" @click="goback">
	  		  	<view class="b-l">
	  		  		
	  		  	</view>
	  		  </view>
	  </view>
	  <view class="" style="background: red;height: 500rpx;">
	  	{{url}}
	  </view> -->
		<view class="">
			<web-view src="http://192.168.1.3:8000" style="margin-top: 190rpx;" @message="getmessage"></web-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url: '1111'
			}
		},
		onLoad(options) {
			if (options.name) {}
		},
		methods: {
			getmessage(e) {
				//获取最新的一条消息
				this.url = e
				console.log('getMsg', e.detail.data[e.detail.data.length - 1]);
				// console.log('key:',data);
				let data = e.detail.data[e.detail.data.length - 1];
				let blob = data.imageData;
				let base64Data = blob
				let fileName = 'aaa.pdf'
				console.log('地址',`${uni.env.USER_DATA_PATH}/test`)
				// saveBase64File(base64Data, fileName) {
				  const fs = uni.getFileSystemManager();
				  const filePath = `${uni.env.USER_DATA_PATH}/test`;
				  // 去掉base64的数据头部信息，如'data:image/png;base64,'
				  const base64Body = base64Data.split(',')[1];
				  uni.saveFile({
				        tempFilePath: blob,
				        success: function (res) {
							console.log('保存成功2',res);
				          // var savedFilePath = res.savedFilePath;
				        },fail: (err) => {
				      console.error('文件保存失败22', err);
				      // 文件保存失败后的操作
				    }
				      });
				  fs.writeFile({
					  tempFilePath:blob,
				    filePath: filePath,
				    data: base64Body,
				    encoding: 'base64',
				    success: (res) => {
				      console.log('文件保存成功', filePath);
				      // 文件保存成功后的操作
				    },
				    fail: (err) => {
				      console.error('文件保存失败', err);
				      // 文件保存失败后的操作
				    }
				  });
				// },
				// uni.openDocument({
				// 	filePath: blob,
				// 	showMenu: true, // 右上角菜单，可以进行分享保存pdf
				// 	success: function(file) {
				// 		console.log("文件打开成功", file)
				// 	},
				// 	fail: (err) => {
				// 		console.log('文件打开失败', err)
				// 	}
				// })
				
				// uni.downloadFile({
				// 	url: blob,
				// 	success: res => {
				// 		console.log('下载成功', res)
				// 		if (res.statusCode === 200) {
				// 			// 预览pdf文件
				// 			uni.openDocument({
				// 				filePath: res.tempFilePath,
				// 				showMenu: true, // 右上角菜单，可以进行分享保存pdf
				// 				success: function(file) {
				// 					console.log("文件打开成功", file)
				// 				},
				// 				fail: (err) => {
				// 					console.log('文件打开失败', err)
				// 				}
				// 			})
				// 		}
				// 	},
				// 	fail: (err) => {
				// 		console.log('下载失败', err)
				// 	}
				// })

			},
			goback() {
				uni.navigateBack()
			},
			reloadWebView() {
				let url = this.url
				uni.showLoading({
					title: '刷新加载中...'
				})
				let that = this
				this.isLoading = true
				setTimeout(function() {
					uni.hideLoading()
					that.url = url
					that.isLoading = false
				}, 300)
			}
		}
	};
</script>

<style scoped lang="scss">
	page {
		width: 100%;
		box-sizing: padding-box;
		overflow-x: hidden;
	}

	.baike {
		.top {
			position: fixed;
			top: 0;
			left: 0;
			width: 100vw;
			z-index: 9999999999999;
			height: 190rpx;
			width: 100%;
			display: flex;
			align-items: center;
			font-size: 30rpx;
			font-weight: 800;

			.b-l {
				width: 20rpx;
				height: 20rpx;
				border: 2rpx solid #333;
				transform: rotate(-135deg);
				border-bottom: 0;
				border-left: 0;
				flex: none;
			}

			.top-l {
				position: relative;
				z-index: 9999999;
				width: 80rpx;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.navtitle {
				text-align: center;
				flex: auto;
				margin-left: -80rpx;
			}
		}
	}

	.baike::v-deep .topbar {
		display: none !important;
	}

	/* 这里可以添加样式 */
</style>